$font-family: Microsoft Yahei;

$base-color: #2cb6a7;

$dataview_bgcolor: #e4e4e4;

$list_font_color: #595858;

// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).
@import 'sencha-touch/my';
@import 'sencha-touch/my/all';

// Examples of using the icon mixin:
// @include icon('user');
@include icon('chart2');
@include icon('chat2');
// Your custom code goes here...

.x-tabbar-dark.x-docked-bottom .x-tab {
  min-width: 20%;
  height: 100%;
  border: none;
  border-left: 1px solid #5fc6ad;
  border-right: 1px solid #228f85;
}

.x-tabbar-dark {
  background: url('../images/tabbar.png') repeat-x;
  color: #ffffff;
}
.x-tabbar-dark .x-tab {
  color: #ffffff;
  box-shadow: none;
  text-shadow: 0px 1px 2px #00222d;
}

.x-tabbar-dark.x-docked-bottom .x-tab {
  text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
}

body .x-desktop {
  background: url(../images/bodybg.png) repeat-x;
}

.x-layout-card-item {
  height: auto;
  background: url(../images/bodybg.png) repeat-x;
}

.home_font1 {
  font-size: 12px;
  color: #ffffff;
  font-weight: normal;
  text-shadow: 0px 1px 1px #000;
  height:20px;
  line-height: 20px;
  overflow: hidden;
}

.x-form-fieldset {
  margin: 0;
}

.loginForm {
  //	padding:4px;
  //background-color:#78d1ca;
  background: #49bab3;
  //filter: alpha(opacity=20);
  //opacity: 0.2;
  border: 1px solid #8bd2ce;
  border-radius: 3px;
}

.login_btn_filed {
  margin: 20px 0 0 0;
  width: 100%;
}

.shadow {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 1px 3px #ccc;
  box-shadow: 0px 1px 3px #ccc;
}

.button_login {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f79a4a), to(#eb8124));
  border: none;
  color: #ffffff;
  text-align: center;
  text-shadow: 0px 1px 2px #6d3300;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
}

.button_cancle {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#c7c7c7));
  border: none;
  color: #4d4d4d;
  text-align: center;
  text-shadow: 0px 1px 2px #ffffff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 1px 3px #000000;
}

.form_confirm {
  background: url("../images/confirm_0.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.form_cancle {
  background: url("../images/cancle.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.ask_confirm {
  background: url("../images/ask_confirm.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.ask_cancle {
  background: url("../images/ask_cancle.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.register {
  background: url("../images/rigister.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.register_cancle {
  background: url("../images/register_cancle.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.login_confirm {
  background: url("../images/login_confirm.png");
  background-repeat: no-repeat;
  min-height: 50px;
  background-size: 100%;
  //background-size: contain;
}

.login_cancle {
  background: url("../images/login_cancle.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.login_reg {
  background: url("../images/login_reg.png");
  background-repeat: no-repeat;
  background-size: contain;
}


.x-dock.x-stretched > .x-dock-body > * {
  border: none;
}

.x-list-normal .x-list-item .x-dock-horizontal {
  //border-top:none;
  border: none;
}

.inforList {
  height: 70px;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.inforList_title {
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  text-shadow: 0px 1px 1px #fff;
  color: #595858;
}

.inforList_content {
  font-size: 12px;
  color: #999;
  line-height: 16px;
  overflow: hidden;
}

.inforList_date {
  float: right;
  margin-right: 30px;
  line-height: 18px;
}

.inforDetail_name{
  font-size: 14px;
  font-weight: bold;
  color: #595858;
  width:100%;
  line-height: 30px
}
.inforDetail_date{
  font-size: 12px;
  color: #b0b0b0;
  line-height: 24px;
}
.inforDetail_content{
  padding:10px;
  font-size: 12px;
  color: #6c6b6b;
  line-height: 26px
}
.inforList_go {
  float: right;
  position: absolute;
  top: 8px;
  right: 0px;
  height: 30px;
}

.list {
  position: relative;
  //border-bottom: 1px solid #b1c6c5;
  background: none;
}

.list_title {
  font-size: 14px;
  line-height: 50px;
  font-weight: bold;
  padding-left: 10px;
  width: 100%;
}

.list_date {
  color: #b0b0b0;
  float: right;
  font-size: 12px;
  position: absolute;
  bottom: 5px;
  right: 10%;
  display: block;
  margin-left: 5px;
}

.x-field-search {
  width: 80%;
  text-algin: center;
}

.x-list-item-body {
  background: none;
  padding: 0.65em 0.8em;
  color: $list_font_color;

}

.x-list .x-list-item.x-item-selected .x-dock-horizontal {
  margin: 0px;
  padding: 0px;
  color: $list_font_color;
  text-shadow: none;
}

.x-form-fieldset-title .x-innerhtml {
  color: #146d6d;
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
  //padding-top:8px ;
  //margin: 8px 20px 0 20px;
  text-align: center;
  border-bottom: 1px double #f0b6b6;
}

.x-innerhtml {
  text-align: left;
}

.x-toolbar .x-field {
  width: 95%;
}

.message {
  white-space: normal;
  font-weight: normal;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  padding: 5px;
}

.nick {
  font-size: 100%;
  font-family: inconsolata, helvetica, sans-serif;
}

.nick.title {
  text-align: left;
}

.nick.content {
  text-align: right;
}

.nick.head {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -webkit-box-shadow: 2px 2px 2px #ffffff inset;
  border: 1px solid #a3a3a3;
}

.chatbox {
  background-color: #f2f2f2;
  border: 1px solid #eeeeee;
  -webkit-box-shadow: none;
  border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  min-height: 40px;
  height: auto;
  width: none;
  white-space: normal;
}

.chatbox.title {
  margin: 0 50px 0 45px;
  padding: 0px;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  color: #db7314;
}

.chatbox.content {
  margin: 0 50px 0 45px;
  padding: 0px;
  line-height: 20px;
  color: #676767;
}

.chatbox.title p {
  text-align: left;
}

.bgclass1 {
  background-color: #d6e2e2;
}

//.moreFrom {
//  margin: 10px 0 10px 0;
//  line-height: 50px;
//  //padding:0 20px 0 20px;
//  padding: 0px;
//  input{
//    height:100px;
//  }
//}
.more_btn{
  height: 55px;
  line-height: 55px;
}
.area_btn{
  @extend .more_btn;

}
.login_btn{
  @extend .more_btn;
  border:none 1px 1px 1px;
}
.moreFrom {
  margin: 10px 0 10px 0;
  line-height: 50px;
  //padding:0 20px 0 20px;
  padding: 0px;
}
.moreFrom2 {
  padding: 0 20px 0 20px;
  border-bottom: 1px solid #dbdfde;
  background-color: #ffffff;
  border: 1px solid #ccc;
}

.moreFont1 {
  font-size: 14px;
  font-weight: bold;
  color: #818588;
}

.moreFrom_go {
  height: 30px;
  float: right;
  margin-top: 10px;
}

.backButton {
  @include background(linear-gradient(top, color-stops(#f6af40, #e2730f)));
  -webkit-box-shadow: 1px 1px 1px #ffffff inset;
  box-shadow: 0px 1px 1px #FFF inset;
}

.fieldsetLogin .x-form-fieldset2 .x-form-fieldset-inner {
  padding: 6px;
  border: none;
}

.list_plan {
  background-color: #f7f7f7;
  border-radius: 8px;
  margin: 10px 10px;
  border:0.5px inset rgb(7, 7, 7);
  box-shadow: 0px 1px 3px #000;
}

.list_plan span {
  line-height: 42px;
  overflow: hidden;
  padding-left: 3.5%;
  color: #818588;
  font-size: 14px;
}
.list_plan_img{}

.immunity_title{
  line-height: 30px;
  font-size: 14px;
  color: #595858;
  text-shadow: 0px 1px 1px #fff;
  text-align: center;
}

.immunity_content{
  line-height: 26px;
  font-size: 14px;
  color: #6c6b6b;
}

.order_img{
  vertical-align: middle;
  float: right;
  margin-top: 5px;
  width: 70px;
  height: 30px;
  border: none;
  background-size: cover;
}
.feUseDetail{
  text-align: center;
  width: 95%;
  margin: 20px auto;
  background-color:#fff;
  border-radius: 8px;
  border:1px solid #ccc;
  div{
    width: 95%;
    margin:10px auto;
  }
}
.changeAreaBtn{
  height: 60px;
  margin: 15px auto;
  width: 70px;
  background: url("../images/qiehuan.png") no-repeat;
  background-position: center;
  background-size: 60px 100%;
}
.immunityBtn{
  background-size: 141px 40px;
  margin: 10px auto;
}
.shoot0{
  background: url("../images/shoot0.png") no-repeat;
  background-size: 141px 40px;
  margin: 10px auto;
  background-position: center;
}
.shoot1{
  background: url("../images/shoot1.png") no-repeat;
  background-size: 141px 40px;
  margin: 10px auto;
  background-position: center;
}
.changeTime0{
  background: url("../images/changTime0.png") no-repeat;
  background-size: 141px 40px;
  margin: 10px auto;
  background-position: center;
}
.changeTime1{
  background: url("../images/changTime1.png") no-repeat;
  background-size: 141px 40px;
  margin: 10px auto;
  background-position: center;
}
.immunityIntroduce{
  background: #9fd3ce;
  font-size:14px;
  color: #676767;
  padding: 5px;
}